<!---总览数据页面-->
<template>
  <div class="ele-body ele-body-card">
    <a-row>
      <a-col :span="24" class="block-space-right">
        <a-card title="设备信息" class="card-width">
          <a-descriptions bordered :column="2">
            <a-descriptions-item label="相机ID">{{data.cameraId}}</a-descriptions-item>
            <a-descriptions-item label="设备名称">{{data.name}}</a-descriptions-item>
            <a-descriptions-item label="牧云汇平台ID">{{data.hzaxxId}}</a-descriptions-item>
            <a-descriptions-item label="牧云汇平台牧场id">{{data.farmId}}</a-descriptions-item>
            <a-descriptions-item label="牧场名称">{{data.ranchName}}</a-descriptions-item>
            <a-descriptions-item label="牧云汇平台牧场名称">{{data.farmName}}</a-descriptions-item>
            <a-descriptions-item label="牛舍名称">{{data.oxtallname}}</a-descriptions-item>
            <a-descriptions-item label="牧云汇平台牛舍id">{{data.placeId}}</a-descriptions-item>
            <a-descriptions-item label="区域名称">{{data.areaName}}</a-descriptions-item>
            <a-descriptions-item label="牧云汇平台牛舍名称">{{data.placeName}}</a-descriptions-item>
            <a-descriptions-item label="相机IP">{{data.cameraIp}}:{{data.port}}</a-descriptions-item>
          </a-descriptions>
        </a-card>
      </a-col>
    </a-row>
  </div>
</template>

<script>
import {DeviceAiEdgeComputerApi} from "@/api/property/aiedgecomputer/DeviceAiEdgeComputerApi";

export default {
  name: 'DeviceManagerdeviceAiedgeComputerCameraMonitor',
  components: {
  },
  props: {
    data: Object
  },
  data() {
    return {
      aiedgecomputer : {},
    };
  },
  mounted() {
    //this.getDetail();
  },
  beforeUnmount() {
   
  },
  methods: {
    getDetail() {
      let that = this;
      DeviceAiEdgeComputerApi.detailByRecord(this.data.recordId).then(result => {
        that.aiedgecomputer = result || {};
      });
    },

  }
};
</script>
<style scoped>
.block-space-top {
  /*上右下左*/
  padding: 10px 0 0 0;
}

.block-space-right {
  padding: 0 5px 0 0;
}

.block-space-left {
  padding: 0 0 0 5px;
}

.card-width {
  width: 100%;
}
@media screen and (max-width: 880px) {
  .analysis-tabs-extra {
    display: none;
  }
}
</style>
